@charset "utf-8";

@media screen and (min-width: 414px) {
	html,body {
		font-size: 18px;
		/*color: red;*/
	}
}
@media screen and (min-width:361px) and (max-width:414px) {
	html,body {
		font-size: 16px;
		/*color: pink;*/
	}
}
@media screen and (min-width:320px) and (max-width:360px) {
	html,body {
		font-size: 13px;
		/*color: orange;*/
	}
}
@media screen and (max-width:319px) {
	html,body {
		font-size: 12px;
		/*color: green;*/
	}
}


*{
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}
ul li {
	list-style-type: none;
}
input[type="button"], 
input[type="submit"] {
	-webkit-appearance: none;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clearfix:after {
	visibility: hidden;
	clear: both;
	content: " ";
	display: block;
	height: 0px;
	font-size: 0px;
}
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


/***公共***/
body {
	color: #333;
	font-family: "microsoft yahei";
	background: #ececec;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
a {
	color: #3498db;
	text-decoration: none;
}
h1 {
	font-size: 1.625rem;
	color: #fff;
	text-align: center;
	background: #3498db;
	height: 3.125rem;
	line-height: 3.125rem;
}
h1 a {
	float: left;
	width: 1.875rem;
	margin-left: 3%;
}
h1 img {
	width: 100%;
	margin-top: 0.625rem;
	vertical-align: top;
}
.hide {
	display: none;
}
.btn {
	width: 80%;
	height: 2.8125rem;
	color: #fff;
	font-size: 1.125rem;
	border: none;
	border-radius: 2px;
	background: #3498db;
	margin: 0 auto;
	display: block;
	margin-top: 1.875rem;
}
.error {
	position: fixed;
	bottom: 6.25rem;
	width: 100%;
	text-align: center;		
}
.error span {
	color: #fff;
	/*font-size: 1rem;	*/
	padding: 1.25rem 1rem;
	background: #525252;
	border-radius: 2px;
}
.shadow {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
.popup {
	display: none;
	position: absolute;
	top: 26%;
	left: 20%;
	width: 60%;
	margin: 0 auto;
	background: #fff;
	border-radius: 3px;
}
.popup p {
	text-align: center;
	padding: 1.875rem 0;
	border-bottom: 1px solid #dcdcdc;
} 
.popup .popBtn {
	color: #3498db;
	width: 100%;
	height: 2.5rem;
	border: none;
	font-size: 1.125rem;
	line-height: 2.5rem;
	background: #fff;
}
.header {
	position: fixed;
	top: 0;
	height: 3.125rem;
	width: 100%;
}
.main {
	position: absolute;
	top: 3.125rem;
	bottom: 3.125rem;
	overflow-y: scroll; 
	width: 100%;
}
.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	font-size: 1.125rem;
	height: 3.125rem;
	background: #fff;
}
.footer div {
	position: absolute;
	top: 50%;
	margin-top: -0.5em;
}
.footer div span {
	color: #fe601b;
}
.count {
	left: 0;
	width: 45%;
	height: 100%;
	line-height: 100%;
	text-align: center;
}
.fee {
	left: 45%;
	width: 37%;
	height: 100%;
}
.footer input[type=button] {
	float: right;
	width: 100%;
	background: #fe601b;
	height: 100%;
	border: none;
	color: #fff;
	font-size: 1rem;
	border-radius: 0;
}
.selectedItem,
.unselectedItem {
	display: inline-block;
	width: 14px;
	line-height: 20px;
	padding-left: 20px;
}
input[type=radio],
input[type=checkbox] {
	/*opacity: 0;
	filter: alpha(opacity=0);*/
	visibility: hidden;
}

.simulateSelect {
	height: 3rem;
	line-height: 3rem;
	padding-left: 0.3125rem;
}
.simulateSelect b {
	float: right;
	width: 1.3125rem;
	height: 0.75rem;
	vertical-align: top;
	margin: 1rem 0.625rem 0 0;
	background: url("../../images/wechat/bigArrowDown.png") no-repeat right center;
	background-size: contain;
}

/*********登陆页**********/
.wxName,.loginPwd {
	padding: 0 3%;
}
.wxName  {
	margin: 0.625rem 0;
}
.wxName span {
	line-height: 1.875rem;
}
.loginPwd {
	background: #fff;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.loginItem {
	height: 1.875rem;
	padding: 0.625rem 0 0.625rem 0.9375rem;
}
.loginItem label {
	float: left;
	width: 24%;
	line-height: 1.875rem;
}
.loginItem div {
	margin-left: 24%;
}
.loginItem input {
	width: 100%;
	height: 1.875rem;
	border: none;
	font-size: 1rem;
}
.loginPwd .loginItem:first-child{
	border-bottom: 1px solid #e5e5e5;
}
/*********验证码********/
.checkInfo {
	padding: 0 5%;
}
.checkInfo p {
	height: 1.875rem;
	line-height: 1.875rem;
	padding: 0.625rem 0;
}
.checkCode {
	background: #fff;
	padding: 0.625rem 5%;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.checkCode span {
	float: right;
	width: 22%;
	text-align: center;
	line-height: 1.875rem;
	border-left: 1px solid #e5e5e5;
	box-sizing: border-box;
}
.checkCode div {
	margin-right: 22%; 
}
.checkCode div input {
	width: 100%;
	height: 1.875rem;
	border: none;
	font-size: 1rem;
}
/**********选购机具**********/
.goodsList {
	margin-bottom: 50px;
}
.goodsItem {
	padding: 0 3%;
	background: #fff;
	margin-bottom: 15px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.goodsItem h2 {
	height: 3.125rem;
	line-height: 3.125rem;
	padding-left: 5px;
	font-size: 1.125rem;
	border-bottom: 1px solid #e5e5e5;
}
.goodsItem h2 .selectedItem {
	background: url("../../images/wechat/selected.png") no-repeat;
	background-size: contain;
}
.goodsItem h2 .unselectedItem {
	background: url("../../images/wechat/unselected.png") no-repeat;
	background-size: contain;
}
.goodsItem .goodsContent {
	padding: 0.5rem 0 0.5rem 0.3125rem;
}
.goodsItem .goodsContent .goodsLeft {
	float: left;
	width: 30%;
	border-radius: 2px;
	margin: 0.625rem 0 0.75rem 0;
	border: 1px solid #e5e5e5;
}
.goodsItem .goodsContent .goodsLeft img {
	width: 100%;
	vertical-align: top;
}
.goodsItem .goodsContent ul.goodsRight {
	margin-left: 33%;
}
.goodsItem .goodsContent ul.goodsRight li {
	line-height: 1.875rem;
}
.control i {
    background: url("../../images/wechat/control.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #c6c6c6;
    cursor: pointer;
    float: left;
    height: 26px;
    width: 24px;
}
div.control {
    margin-left: 3em;
    /*width: 105px;*/
}
i.cut {
    background-position: 0 0;
}
i.add {
    background-position: 0 -27px;
}
i.center {
    border-left: medium none;
    border-right: medium none;
    width: 43px;
}
i.center input {
    border: medium none;
    font-size: 16px;
    height: 26px;
    line-height: 26px;
    padding: 0 2px;
    text-align: center;
    width: 39px;
    border-radius: 0;
    vertical-align: top;
}
.tradeType {
	padding: 3px 10px;
	border-radius: 1px 1px 0 1px;
	margin-right: 14px;
	border: 1px solid #dcdcdc;
}
.selectedTradeType {
	color: #fe601b;
	border: 1px solid #fe601b;
	background: url("../../images/wechat/selectType.png") no-repeat right bottom;
}
.money {
	color: #fe601b;
	display: block;
	margin-left: 3em;
}
/**************合作协议*************/
.industry {
	padding: 0 3%;
	background: #fff;
}
.cardItem {
	background: #fff;
	padding: 0 3%;
	margin-top: 0.625rem;
}
.cardItem h4 {
	height: 2.5rem;
	line-height: 2.5rem;
	padding-left: 0.3125rem;
	border-bottom: 1px solid #e5e5e5;
}
.cardItem h4 b {
	float: right;
	width: 1rem;
	height: 0.5625rem;
	margin: 0.875rem 0.625rem 0 0;
	background: url("../../images/wechat/smallArrowDown.png") no-repeat;
	background-size: contain;
}
.cardItem ul {
	padding: 0.5rem 0;
}
.cardItem ul li {
	line-height: 2rem;
	padding: 0.4375rem;
}
.cardItem ul li label {
	float: left;
	width: 5.1em;
	text-align: right;
}
.cardItem ul li div {
	margin-left: 6em;
}
.cardItem ul li input {
	height: 2rem;
	width: 5em;
	font-size: 1rem;
	padding: 0.25rem;
	background: transparent;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	border-radius: 0;
}
.readMe {
	padding: 1rem 0 1rem 4%;
}
.noAccept {
	display: inline-block;
	width: 0.75rem;
	line-height: 1.625rem;
	padding-left: 1.625rem;
	background: url("../../images/wechat/noAccept.png") no-repeat;
	background-size: contain;
}
.accept {
	display: inline-block;
	width: 0.75rem;
	line-height: 1.625rem;
	padding-left: 1.625rem;
	background: url("../../images/wechat/accept.png") no-repeat;
	background-size: contain;		
}
.prompt {
	padding: 1rem 3% 1rem 4%;
	margin-bottom: 2.5rem;
	background: #fbfae8;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.prompt p {
	font-size: 1.25rem;
}
.prompt ol li {
	line-height: 1.5em;
	list-style-position: inside;	
}
.industryList {
	display: none;
	position: absolute;
	top: 6.125rem;
	padding: 0 3%;
	width: 94%;
	background: #fff;
}
.industryList ul {
	border-bottom: 1px solid #e5e5e5;
}
.industryList ul li {
	height: 3rem;
	line-height: 3rem;	
	padding-left: 0.5rem; 
	border-top: 1px solid #e5e5e5;
}
.industryList ul li span {
	float: right;
	width: 1.5625rem;
	height: 1rem;
	margin: 1.125rem 0.625rem 0 0;
	background: url("../../images/wechat/hook.png") no-repeat;
	background-size: contain;
}



/*******证件********/
.accountType {
	padding: 0 3%;
	background: #fff;
}
.credentials {
	padding: 0 3%;
	padding: 0 0 0.5rem;
}
.credentials .note{
	float:none;
	margin:30px 0 0;
	border:solid 1px rgb(229,229,229);
	padding:10px 15px;
	text-align:left;
	width:auto;
	background:rgb(251,250,232);
}
.credentials .note .hd{color:rgb(52,52,52);margin-bottom:5px;}
.credentials .note .bd{color:rgb(140,140,140);margin-bottom:5px;}
.credentials .note .ft{color:rgb(254,95,29);}
.credentials div {
	float: left;
	color: #b3b3b3;
	width: 32%;
	margin-right: 2%;
	text-align: center;
	margin-bottom: 0.625rem;
}
.credentials div:nth-child(3n) {
	margin-right: 0;
}
.credentials div img {
	width: 100%; 
	/* height: 100% */
}
.accountTypeList {
	display: none;
	position: absolute;
	top: 9.125rem;
	padding: 0 3%;
	width: 94%;
	background: #fff;
}
.accountTypeList ul {
	border-bottom: 1px solid #e5e5e5;
}
.accountTypeList ul li {
	height: 3rem;
	line-height: 3rem;	
	padding-left: 0.5rem; 
	border-top: 1px solid #e5e5e5;
}
.accountTypeList ul li span {
	float: right;
	width: 1.5625rem;
	height: 1rem;
	margin: 1.125rem 0.625rem 0 0;
	background: url("../../images/wechat/hook.png") no-repeat;
	background-size: contain;
}
.getImg {
	display: none;
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #fff;
}
.getImg div {
	color: #000;
	font-size: 1.25rem;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
	border-top: 1px solid #e5e5e5;
}




.credentialsFooter {
	position: fixed;
	bottom: 0;
	width: 100%;
	font-size: 1.125rem;
	height: 3.725rem;
}
.credentialsFooter .btn {
	width: 50%;
	height: 2.5rem;
	margin-top: 0.625rem;
}



/*******新建收货地址********/
ul.address {
	padding: 0 3%;
	font-size: 1.125rem;
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
}
ul.address li {
	height: 3.5rem;
	line-height: 3.5rem;
	padding-left: 0.5rem;
	border-bottom: 1px solid #e5e5e5;
}
ul.address li:last-child {
	border: none;
}
ul.address li label {
	float: left;
	width: 5em;
}
ul.address li div {
	margin-left: 5em;
}
ul.address li div.areaSelect {
	position: relative;
}
ul.address li div.areaSelect b {
	position: absolute;
	right: 0.5rem;
	top: 50%;
	width: 0.875rem;
	height: 0.5rem;
	margin: -0.25rem;
	background: url("../../images/wechat/selectArrow.png") no-repeat;
}
ul.address li div select {
	width: 100%;
	height: 2rem;
	font-size: 1rem;	
	border: none;
	background: none;
}
ul.address li div input {
	width: 100%;
	height: 2.5rem;
	font-size: 1.125rem;
	padding: 0;
	border: none;
}

/*******地址列表********/
#modifyAddress {
	float: right;
	margin-right: 3%;
	color: #fff;
	width: 2em;
}
ul.addressList {
	position: absolute;
	top: 3.125rem;
	width: 92%;
	padding: 0 4%;
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
}
ul.addressList li {
	position: relative;
	line-height: 2.5rem;
	border-bottom: 1px solid #e5e5e5;
}
ul.addressList li:last-child {
	border: none;
}
ul.addressList li label {
	float: left;
	position: absolute;
	top: 50%;
	margin-top: -10px;
}
ul.addressList li label.selectedItem {
	background: url("../../images/wechat/selectedAddress.png") no-repeat;
	background-size: contain;
}
ul.addressList li label.unselectedItem {
	background: url("../../images/wechat/unselected.png") no-repeat;
	background-size: contain;
}
ul.addressList li div.addressInfo {
	margin-left: 34px;
}
ul.addressList li div.addressInfo div {
	font-size: 1.125rem;
}
ul.addressList li p {
	line-height: 1.5rem;
	margin-bottom: 0.5rem;
}
/******确认订单*******/
.useAddress {
	position: relative;
	padding: 0 3%;
	background: #fff;
	margin-bottom: 0.875rem;
	border-bottom: 1px solid #e5e5e5;
}
.map {
	float: left;
	position: absolute;
	top: 50%;
	margin-top: -0.75rem;
	width: 1.25rem;
	height: 1.5rem;
	background: url("../../images/wechat/map.png") no-repeat;
	background-size: contain;
}
.arrowRight {
	float: right;
	position: absolute;
	top: 50%;
	right: 3%;
	margin-top: -0.75rem;
	width: 0.875rem;
	height: 1.5rem;
	background: url("../../images/wechat/arrowRight.png") no-repeat;
	background-size: contain;	
}
.useAddress .addressInfo {
	margin-left: 1.75rem;
	margin-right: 1.75rem;
	line-height: 2.5rem;
}
.useAddress .addressInfo div {
	font-size: 1.125rem;
}
.useAddress .addressInfo p {
	line-height: 1.5rem;
	margin-bottom: 0.5rem;
}
.orderInfo {
	padding: 0 3%;
	background: #fff;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.orderInfoTop {
	position: relative;
	padding: 0.5rem 0;
}
.orderImg {
	float: left;
	width: 20%;
	margin: 0 3%;
	text-align: center;
	border: 1px solid #e5e5e5;
}
.orderImg img {
	width: 80%;
}
.orderName {
	position: absolute;
	top: 50%;
	margin-top: -1.375rem;
	margin-left: 26%;
}
ul.orderInfoMain {
	padding: 0.5rem 0 0.5rem 1rem;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
ul.orderInfoMain li {
	line-height: 1.875rem;
}
ul.orderInfoMain li em {
	color: #fe601b;
	/*font-size: 0.875rem;*/
	font-style: normal;
}
ul.orderInfoMain li span {
	font-size: 0.875rem;
}
.orderInfoBottom {
	padding: 0.5rem 1rem;
}
.orderInfoBottom textarea {
	width: 100%;
	font-size: 1rem;
	line-height: 1.5rem;
	height: 3rem;
	border: none;
}

/******业务受理********/
.overShopTop {
	padding: 1rem 3%;
	background: #fff;
}
.overShopTop img {
	width: 1.5625rem;
	height: 1.5625rem;
	float: left;
	margin: 0.5rem;
}
.overShopTop div {
	line-height: 1.5rem;
	margin-left: 2.25rem;
}
.overShopTop div span {
	color: #777;
}
.overShopMain {
	margin-top: 0.75rem;
	padding: 0.875rem 3%;
	background: #fbfae8;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.overShopMain p {
	color: #000;
	padding: 0 0.5rem;
	font-size: 1.25rem;
}
.overShopMain ol {
	padding: 0 0.5rem;
}
.overShopMain ol li {
	line-height: 1.5rem;
	list-style-position: inside;
}
.overShopMain ol li em {
	color: #fe601b;
	font-style: normal;
}


#profession_main{margin-top:3.125rem;}
#profession_main .profession_header{padding:10px 20px;background:#fff;border-bottom:solid 1px #e5e5e5;}
#profession_main .profession_progerss{margin:20px 0 0;}
#profession_main .profession_progerss .progerss{position:relative;height:40px;}
#profession_main .profession_progerss .icon{position:absolute;top:0;width:40px;height:40px;background:url(../../images/wechat/icon_profession.png) no-repeat #a8a8a8;border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-o-border-radius:40px;}
#profession_main .profession_progerss .icon_finished{background-color:#3498db;}
#profession_main .profession_progerss .icon_tj{left:0;}
#profession_main .profession_progerss .icon_ys{left:50%;margin-left:-20px;background-position:0 -100px;}
#profession_main .profession_progerss .icon_zs{right:0;background-position:0 -300px;}

#profession_main .profession_progerss .line{float:left;box-sizing:border-box;width:50%;padding:0 30px 0 45px;height:4px;margin-top:18px;}
#profession_main .profession_progerss .line_r{padding:0 50px 0 25px;}
#profession_main .profession_progerss .bar{position:relative;height:4px;background:#a8a8a8;}
#profession_main .profession_progerss .arr{position:absolute;right:-5px;top:-3px;width:0;height:0;overflow:hidden;border:solid 5px #a8a8a8;border-right:none;border-top-color:transparent;border-bottom-color:transparent;}
#profession_main .profession_progerss .line_finished .bar{background-color:#3498db;}
#profession_main .profession_progerss .line_finished .arr{border-left-color:#3498db;}
#profession_main .profession_progerss .text_item{float:left;width:33.3%;text-align:center;color:#a8a8a8;}
#profession_main .profession_progerss .text_finished{color:#3498db;}
#profession_main .profession_progerss .item_l{text-align:left;}
#profession_main .profession_progerss .item_m{text-align:middle;}
#profession_main .profession_progerss .item_r{text-align:right;}
#profession_main .profession_progerss .tit{padding-top:5px;}
#profession_main .profession_progerss .date{padding:5px 0;}
#profession_main .profession_progerss .date .text_item{font-size:12px;color:#999;font-family:arial;}


#profession_main .profession_note{padding:10px 20px;margin-top:20px;border:solid 1px #e5e5e5;border-left:none;border-right:none;line-height:30px;background:#fbfae8;}
#profession_main .profession_note h5{color:#333;font-size:16px;}
#profession_main .profession_note p{color:#777;font-size:12px;}
#profession_main .orange{color:#fe601b;}

#profession_main .profession_btn_area{padding:80px 60px;}
#profession_main .profession_btn{width:100%;height:60px;line-height:60px;border:none;background:#3498db;color:#fff;font-size:24px;font-family:microsoft yahei;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;}

#profession_main .profession_icon{text-align:center;padding:0 50px;}
#profession_main .profession_icon img{width:100%;max-width:299px;}
#profession_main .profession_icon .img_fail{max-width:197px;}
#profession_main .profession_tip{padding:20px;text-align:center;color:#777;}

#win_img_show{position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background:#000;}
#win_img_show .bd{position:absolute;top:3.125rem;left:0;bottom:3.125rem;width:100%;}
#win_img_show .bd img{width:;}
#win_img_show .ft{position:absolute;left:0;bottom:0;width:100%;height:3.825rem;text-align:right;background:#000;}
#win_img_show .ft a{display:inline-block;height:3.825rem;padding:0 20px;color:#fff;}
#win_img_show .btn_back{float:left; background:url('../../images/wechat/dele_btn.png') no-repeat 0px 9px;width:1rem;background-size:cover;}
#win_img_show .ft .btn_delete{background:url('../../images/wechat/dele_btn.png') no-repeat -79px 9px;width:1rem;float:right;background-size:cover;}
@media screen and (max-width:360px) {
	#win_img_show .ft .btn_delete{
		background-position:-44px 9px;
	}
}

@media only screen and (min-device-pixel-ratio:1.5) , only screen and (-webkit-device-pixel-ratio:1.5) , only screen and (-moz-min-device-pixel-ratio:1.5) , only screen and (-o-min-device-pixel-ratio:1.5){
#profession_main .profession_progerss .icon{background-image:url(../../images/wechat/icon_profession_1_5.png);background-size:120px 600px;}
}

@media only screen and (device-pixel-ratio: 2) , only screen and (-webkit-device-pixel-ratio: 2) , only screen and (-moz-device-pixel-ratio: 2) , only screen and (-o-device-pixel-ratio: 2){
#profession_main .profession_progerss .icon{background-image:url(../../images/wechat/icon_profession_2.png);background-size:100px 500px;}
}